<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>找回密码</title>
    <link rel="stylesheet" href="./css/RetrievePassword.css">
</head>
<body>
    <div >
    <div class="warpper">
        <div class="warpper_header">
            <div class="header_content">
                <h1 class="header_content_title">找回密码</h1>
            </div>
        </div>
        <div class="warpper_middle">
            <div class="c"></div>
            <div class="middle_item">
                <div class="middle_item_number">1</div>
                <div class="middle_item_lline"> </div>
            </div>
            <div class="middle_item">
                <div class="middle_item_number">2</div>
                <div class="middle_item_lline"> </div>
            </div>
            <div class="middle_item1">
                <div class="middle_item_number">3</div>
            </div>
        </div>
        <div class="warpper_footer">
            <form>
                <h1>确认账号</h1>
                <div class="footer_item">
                    <label class="item_label">输入账号：</label>
                    <div class="item-input">
                        <input type="text" placeholder="找回密码的账号" class="inputcommon" required />
                    </div>
                </div>
                <div class="footer_item">
                    <label class="item_label">找回方式：</label>
                    <div class="item-input">
                        <select lay-verify="required" class="inputcommon">
                            <option value="1" class="seclectemail" selected>邮箱</option>
                            <option value="2" class="seclectphone">手机</option>
                        </select>
                    </div>
                </div>
                <div class="footer_item">
                    <div class="item-input">
                        <button type="submit" class="form_next">下一步</button>
                    </div>
                </div>
            </form>
            <form style="display:none;" >
                <h1>身份验证</h1>
                <div class="footer_item">
                    <label class="item_label">绑定邮箱：</label>
                    <div class="item-input">
                        <input type="text" class="inputspecial"required />
                        <button type="button" class="getcode">点击获取验证码</button>
                    </div>
                </div>
                <div class="footer_item">
                    <label class="item_label">验证码：</label>
                    <div class="item-input">
                        <input type="text" class="inputcommon"required />
                    </div>
                </div>
                <div class="footer_item">
                    <div class="item-input">
                        <button type="submit" class="form_next">下一步</button>
                    </div>
                </div>
            </form>
            <form style="display:none;">
                <h1>身份验证</h1>
                <div class="footer_item">
                    <label class="item_label">绑定手机：</label>
                    <div class="item-input">
                        <input type="text" class="inputspecial"required />
                        <button type="button" class="getcode">点击获取验证码</button>
                    </div>
                </div>
                <div class="footer_item">
                    <label class="item_label">验证码：</label>
                    <div class="item-input">
                        <input type="text" class="inputcommon"required />
                    </div>
                </div>
                <div class="footer_item">
                    <div class="item-input">
                        <button type="submit" class="form_next">下一步</button>
                    </div>
                </div>
            </form>
            <form style="display:none;">
                <h1>修改密码</h1>
                <div class="footer_item">
                    <label class="item_label">新密码：</label>
                    <div class="item-input">
                        <input type="password" class="inputcommon"required />
                    </div>
                </div>
                <div class="footer_item">
                    <label class="item_label">确认密码：</label>
                    <div class="item-input">
                        <input type="password" class="inputcommon"required />
                    </div>
                </div>
                <div class="footer_item">
                    <div class="item-input">
                        <button type="submit" class="form_next">下一步</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <h1 class="newpage" style="display:none;">√ 找密成功</h1>
    <script src="link/jquery/jquery-3.1.0.min.js"></script>
    
    <script src="jquery/validate.js"></script>
    <script src="jquery/RetrievePassword.js"></script>
</body>
</html>